/* 页面切换动画
------------------------------- */
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active 
	will-change transform
	transition all 0.3s ease
// slide-right
.slide-right-enter-from 
	opacity 0
	transform translateX(-20px)
.slide-right-leave-to 
	opacity 0
	transform translateX(20px)
// slide-left
.slide-left-enter-from 
	@extends .slide-right-leave-to
.slide-left-leave-to 
	@extends .slide-right-enter-from
// opacitys
.opacitys-enter-active,
.opacitys-leave-active 
	will-change transform
	transition all 0.3s ease
.opacitys-enter-from,
.opacitys-leave-to 
	opacity 0

/* Breadcrumb 面包屑过渡动画
------------------------------- */
.breadcrumb-enter-active,
.breadcrumb-leave-active 
	transition all 0.5s ease
.breadcrumb-enter-from,
.breadcrumb-leave-active 
	opacity 0
	transform translateX(20px)
.breadcrumb-leave-active 
	position absolute
	z-index -1

/* logo 过渡动画
------------------------------- */
@keyframes logoAnimation 
	0% 
		transform scale(0)
	80% 
		transform scale(1.2)
	100% 
		transform scale(1)

/* 404、401 过渡动画
------------------------------- */
@keyframes error-num 
	0% 
		transform translateY(60px)
		opacity 0
	100% 
		transform translateY(0)
		opacity 1
@keyframes error-img 
	0% 
		opacity 0
	100% 
		opacity 1
@keyframes error-img-two 
	0% 
		opacity 1
	100% 
		opacity 0